﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPrincipal.master" AutoEventWireup="true"
    CodeFile="EditarPalestraAG.aspx.cs" Inherits="Palestra_EditarPalestra" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <link href="../Teste/jQueryUI/development-bundle/themes/flick/jquery.ui.all.css"
        rel="stylesheet" type="text/css" />
    <script src="../scripts/fswgrid-0.2.js" type="text/javascript"></script>
    <script type="text/javascript" src="../scripts/jquery.maskedinput-1.3.min.js"></script>
    <script src="../scripts/json2.js" type="text/javascript"></script>
    <script src="../scripts/tiny_mce/tiny_mce.js" type="text/javascript"></script>
    <link href="../Css/geral.css" rel="stylesheet" type="text/css" />
    <script src="../scripts/querystring-0.9.0-min.js" type="text/javascript"></script>
    <script type="text/javascript">
        var configGridPessoas = { s: 4, i: 1, t: '', o: '' };
        function SomenteNumero(e) {
            var tecla = (window.event) ? event.keyCode : e.which;
            if ((tecla > 47 && tecla < 58)) return true;
            else {
                if (tecla == 8 || tecla == 0) return true;
                else return false;
            }
        };
        var idUsuario;
        $(document).ready(function () {
            carregar();
        });
		function pesquisarPessoa() {
            inserirNovoAutor();
		    //document.getElementById("divTabelaPessoas").style.display = "block";
        	var lista;
        	$.ajax({
        		type: "POST",
        		url: "EditarPalestraAG.aspx/getPessoas",
        		contentType: "application/json; charset=utf-8",
        		dataType: "json",
        		data: JSON.stringify({pagina: configGridPessoas.i, nome: $('#textNomePesquisa').val()}),
        		success: 
        			function (msg) {
        				lista = msg.d;
        				$('#tabela-pessoas').fswGrid({
        					bottombar: '#tabela-pessoas-footer',
        					selectable: true,
        					selectSingle: true,
        					sortable: true,
        					nextText: 'Próxima',
        					prevText: 'Anterior',
        					resultText: 'Exibindo de {0} a {1} de {2} resultados ',
        					results: false,
        					pagination: true,
        					message: 'Nenhuma pessoa encontrada',
        					pageSize: configGridPessoas.s,
        					onNext: function (i) {
        						configGridPessoas.i = configGridPessoas.i + 1;
        					},
        					onPrev: function (i) {
        						configGridPessoas.i = configGridPessoas.i - 1;
        					},
        					render: function (row, item) {                                
        						var tdAcoes = $('<td>');
                                $(row).append($('<td>').text(item.Pessoa.nome));
                                $(row).append($('<td>').text(item.Pessoa.instituicao));
                                $(row).append($('<td>').text(item.Pessoa.curso));
                                $(row).append($('<td>').text(item.email));
                                tdAcoes.append($('<a id="buttonVincular" href="javascript:selecionar(\''+item.id+'\',\''+item.Pessoa.nome+'\')" style="color: #FFFFFF" class="buttonAcaoMenor">Selecionar</a>'));
        						$(row).append(tdAcoes);
        					}
        				}, lista);
        			},
        	});
		};
        function cadastrar() {
            var queryStrings = $.QueryString();
            tinyMCE.triggerSave(true, true);
            $.ajax({
                type: "POST",
                url: "EditarPalestraAG.aspx/editar",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                data: JSON.stringify({idPalestra: queryStrings.i, data: $('#textData').val(), hora: $('#textHora').val(), titulo: $('#TextTitulo').val(), descricao: tinyMCE.get('textAreaDescricao').getContent(), idUsuario: idUsuario, local: $('#textLocal').val()}),
                success:
		            function (msg) {
		                window.location = "GerenciarPalestraAG.aspx";
		            }
            });
		};
        function inserirNovoAutor() {
            document.getElementById('dialog-pesquisa').style.display = 'block';
            $('#dialog-pesquisa').dialog({
                title: 'Pesquise a pessoa',
                resizable: false,
                position: 'center',
                height: '400',
                width: '750',
                modal: true,
                overlay: {
                    backgroundColor: '#000',
                    opacity: 0.5
                }
            });
        };
        var dateFormat;
        function DateFormat(date)
        {
            var milli = date.replace(/\/Date\((-?\d+)\)\//, '$1');
            var d = new Date(parseInt(milli));
            var date = new Date(d);
            var day = date.getDate();
            var month = date.getMonth();
            if(date.getDate() < 10)
            {
                day = '0' + date.getDate();
            }
            month = month + 1;
            if(date.getMonth() < 10)
            {
                month = '0' + month;
            }
            dateFormat = day + '/' + month + '/' + date.getFullYear();
        };
        function carregar() {
            var queryStrings = $.QueryString();
            $.ajax({
                type: "POST",
                url: "EditarPalestraAG.aspx/carregar",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                data: JSON.stringify({ idPalestra: queryStrings.i }),
                success:
		            function (msg) {
		                var item = msg.d;
                        idUsuario = item.Usuario.id;
                        DateFormat(item.data);
                        $('#textPalestrante').val(item.Usuario.Pessoa.nome);
                        $('#textData').val(dateFormat);
                        $('#textHora').val(item.horario);
		                $('#textLocal').val(item.local);
		                $('#TextTitulo').val(item.titulo);
		                $('#textAreaDescricao').val(item.descricao);
		                tinyMCE.execCommand("mceAddControl", true, "textAreaDescricao");
		            }
            });
        };
        function selecionar(id, nome) {
            idUsuario = id;
            $('#textPalestrante').val(nome);
            $('#dialog-pesquisa').dialog("close");
        };
        function editar() {
            tinyMCE.triggerSave(true, true);
            var queryStrings = $.QueryString();
            $.ajax({
                type: "POST",
                url: "EditarMinicursoAG.aspx/editar",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                data: JSON.stringify({idPalestra: queryStrings.i, idUsuario: idUsuario, data: $('#textData').val(), hora: $('#textHora').val(), local: $('#textLocal').val(), titulo: $('#TextTitulo').val(), descricao: tinyMCE.get('textAreaDescricao').getContent() }),
                success:
		            function (msg) {
		                window.location = "GerenciarMinicursoAG.aspx";
		            }
            });
        };
        function voltar() {
            window.location = "GerenciarPalestraAG.aspx";
        };
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderConteudo" runat="Server">
    <asp:Label runat="server" ID="LabelCadastrarPalestra" Font-Bold="true" Text="Cadastrar Palestra"
        Font-Size="30px"></asp:Label>
    <br />
    <br />
    <table>
        <tr>
            <td style="text-align: right">
                <asp:Label ID="LabelPalestrante" runat="server" Text="Palestrante: "></asp:Label>
            </td>
            <td>
                <input type="text" id="textPalestrante" onclick="javascript:pesquisarPessoa();" />
            </td>
        </tr>
        <tr>
            <td style="text-align: right">
                <asp:Label ID="LabelData" runat="server" Text="Data da palestra: "></asp:Label>
            </td>
            <td>
                <input class="data" type="text" id="textData" />
            </td>
        </tr>
        <tr>
            <td style="text-align: right">
                <asp:Label ID="LabelHora" runat="server" Text="Horário da palestra: "></asp:Label>
            </td>
            <td>
                <input type="text" id="textHora" />
            </td>
        </tr>
        <tr>
            <td style="text-align: right">
                <asp:Label ID="LabelLocal" runat="server" Text="Local da palestra: "></asp:Label>
            </td>
            <td>
                <input type="text" id="textLocal" />
            </td>
        </tr>
        <tr>
            <td style="text-align: right">
                <asp:Label ID="LabelTitulo" runat="server" Text="Título da palestra: "></asp:Label>
            </td>
            <td>
                <input type="text" id="TextTitulo" />
            </td>
        </tr>
        <tr>
            <td style="text-align: right">
                <asp:Label ID="LabelDescricao" runat="server" Text="Descrição:"></asp:Label>
            </td>
            <td>
                <textarea name="textAreaDescricao" id="textAreaDescricao"></textarea>
            </td>
        </tr>
    </table>
    <br />
    <br />
    <a href="javascript:voltar()" id="voltar" class="buttonAcao">&laquo; Voltar</a>
    <a id="cadastrar" class="buttonAcao" href="javascript:cadastrar()">Cadastrar</a>
    <div id="dialog-ok" style="display: none">
        Cadastrado com sucesso !
    </div>
    <div id="dialog-pesquisa" style="display: none">
        <br />
        <div>
            <div style="text-align: left">
                <input id="textNomePesquisa" type="text" />
                <a id="buttonPesquisar" style="color: #FFFFFF" class="buttonAcao" href="javascript:pesquisarPessoa()">
                    Pesquisar</a>
            </div>
        </div>
        <div id="divTabelaPessoas">
            <table class="tabela-pesquisa" id="tabela-pessoas">
                <thead>
                    <tr>
                        <th>
                            Nome
                        </th>
                        <th>
                            Instituição
                        </th>
                        <th>
                            Curso
                        </th>
                        <th>
                            Email
                        </th>
                        <th style="width: 20%">
                            Ação
                        </th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
            <div class="button-footer" id="tabela-pessoas-footer">
                <span class="fsw-grid-results"></span><a style="color: #FFFFFF" runat="server" id="A1"
                    class="fsw-grid-prev" href="javascript:pesquisarPessoa();">Anterior</a> <a style="color: #FFFFFF"
                        class="fsw-grid-next" runat="server" id="A2" href="javascript:pesquisarPessoa();">
                        Próximo</a>
            </div>
        </div>
    </div>
</asp:Content>
